<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Map 2</title>
	<style type="text/css">
		#map {
			width: 700px;
			height: 400px;
			border: 1px solid red;
		}
	</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script>
	(function() {
		window.onload = function() {
			var options = {
				zoom: 3,
				center: new google.maps.LatLng(37.09, -95.71),
				mapTypeId: google.maps.MapTypeId.ROADMAP
			}
			var map = new google.maps.Map(document.getElementById("map"), options);

			var recycle = new google.maps.MarkerImage('recycle.png');
			var shadow = new google.maps.MarkerImage('shadow.png',
					null, null, new google.maps.Point(16, 35));
			var shape = {
				type: 'poly',
				coord: [4,4,29,4,29,29,22,29,17,35,16,35,10,29,4,29,4,4]
			};
			var image = new google.maps.MarkerImage(
					'1.png',
					new google.maps.Size(32,37),
					new google.maps.Point(34,0),
					new google.maps.Point(16,35)
			);
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(40.75604, -73.986951),
				map: map,
				icon: recycle,
				shadow: shadow,
				shape: shape
			});
		};
	})();
</script>
</body>
</html>